<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Polycom DMA User Management</title>
</head>
<body bgcolor="black">
<div style="color: white; font-size: 34px;">Polycom DMA User Management</div>
<div style="background-color:#175e92; color: #175e92;font-size: 20px;">&nbsp</div>
<div style="color: white; font-size: 15px;">
<script src="base64.js"></script>
</br>

<!-- Form to retrieve the list of users -->

<form>
DMA Hostname: <input type="text" name="dma" id="dma" ><br>
Login: <input type="text" name="login" id="login" ><br>
Password: <input type="password" name="password" id="password"><br>
<input type="submit" value="Retrieve info"></input></br>
Your DMA users: <span id="room_id"></span> <br /><br>
</div>
</form>
<!-- Form to create a new user -->

<div style="color: white; font-size: 15px;">
New user Creation:<br /><br>
<form name='myForm2' id='myForm2'>
First Name: <input type="text" name="first_name" id="first_name"><br>
Last Name: <input type="text" name="last_name" id="last_name"><br>
Username:&nbsp <input type="text" name="username" id="username"><br>
Password:&nbsp&nbsp <input type="text" name="password2" id="password2"><br><br>
<input type="submit" value="Create user"></input></br>
<span id="Update_good"></span> <br />
</form>
</div>

<!-- Import of the business logic -->
<script src="app.js"></script>

<br/>
</body>
</html>